<template>
    <el-container>
        <el-header class="bookHeader">
            <img src="@/assets/图书.png" style="width: 50px;height: 50px;">
            <h1>图书管理系统</h1>
        </el-header>
        <el-container>
            <el-aside class="bookAside">
                <!-- 导航栏 -->
                <el-menu
                :default-active="$route.path"
                router
                >
                    <el-menu-item index="/index/indexViews">首页</el-menu-item>
                    <el-sub-menu>
                    <template #title>关于页面</template>
                    <el-menu-item index="/index/addAdmin">添加账号</el-menu-item>
                    <el-menu-item index="/index/particulars">退出登录</el-menu-item>
                    </el-sub-menu>
                </el-menu>
            </el-aside>
            <el-main> 
                <router-view></router-view>
            </el-main>
        </el-container>
    </el-container> 
</template>

<script>
export default {

}
</script>

<style>
.bookHeader{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: white;
}
.bookAside{
    background: white;
    height: 800px;
}
</style>
